.vant-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vant-multi-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;

  &--l2 {
    -webkit-line-clamp: 2;
  }

  &--l3 {
    -webkit-line-clamp: 3;
  }
}

.vant-hairline {
  border: 0 solid #ebedf0;

  &--top {
    border-top-width: 1px;
  }
  &--bottom {
    border-bottom-width: 1px;
  }
  &--left {
    border-left-width: 1px;
  }
  &--right {
    border-right-width: 1px;
  }
  &--top-bottom {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  &--surround {
    border-width: 1px;
  }
}

.vant-fade {
  visibility: visible;
  transition: all 0.3s ease-out;
}

.vant-slide {
  visibility: visible;
  transition: all 0.3s ease-out;

  &-up {
    transform: translateY(-100%);
  }

  &-down {
    transform: translateY(100%);
  }

  &-left {
    transform: translateX(100%);
  }

  &-right {
    transform: translateX(-100%);
  }
}
